﻿@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(lrtk3.css);
/*首页*/
/*轮显*/
.banner_page{ position:absolute; width:110px; text-align:center; left:50%; margin-left:-700px; color:#fff; font-size:14px; z-index:10; bottom:50px; line-height:40px; z-index:5; /*font-style:italic;*/transition:all 0.3s;}
.banner_page .current{ font-size:32px; color:#00468c;}
.banner_page a{ display:block; z-index:0; overflow:hidden; position:relative; color:#fff;}
.banner_page a:before{ z-index:-1; content:""; position:absolute; left:0; top:0; width:40px; height:40px; background:#2da338; border-radius:50%;transition:all 0.3s;}
/*.banner_page:hover{ padding-left:5px; width:95px;}*/
.banner_page:hover a:before{ width:100%;border-radius:30px;}
/*关于我们*/
.i_one{ margin-top:5%; overflow:hidden;}
.i_one .i_one_l{ width:35.1%; float:left; margin-right:2%;}
.i_one .i_one_l .h5{ font-weight:normal; line-height:36px; color:#afafaf;}
.i_one .i_one_l .h4{ font-weight:normal; line-height:54px; color:#333333; margin-top:22px;}
.i_one .i_one_r{ overflow:hidden; padding-top:30px;}
.i_one .i_one_r .p{ overflow:hidden; color:#666666; font-size:18px; line-height:34px;}
.i_one .i_one_r .p p{ padding-bottom:2%;}
.i_one .i_one_r .a{ float:left; padding-left:17px; padding-right:17px; overflow:hidden; position:relative; z-index:0; color:#222222; font-size:15px; line-height:40px; height:40px; margin-top:20px;transition:all 0.3s;}
.i_one .i_one_r .a:before{ z-index: -1; content: ""; position: absolute; left: 0; top: 0;  width: 40px; height: 40px; background: #2da338; border-radius: 50%;transition:all 0.3s;}
.i_one .i_one_r .a:hover{ /*margin-left:5px; font-weight:bold;*/ color:#fff;}
.i_one .i_one_r .a:hover:before{ width:100%; border-radius:30px;}
.i_one .i_one_r .a span{ font-family:"宋体";}
/*产品中心*/
.i_two_bg{ background:#eeeeee; overflow:hidden;}
.i_title{ text-align:center; margin-top:5%; overflow:hidden;}
.i_title .h3{ font-weight:normal; color:#222222; overflow:hidden; line-height:1.3;}
.i_title span{ display:block; line-height:1.6;overflow:hidden; color:#999999; text-transform:uppercase; font-size:18px;}
.i_two_bg2{ background:#f6f6f6; overflow:hidden;}
.i_two{ margin-top:5%; margin-bottom:5%; overflow:hidden;}
.i_two .divhidden{opacity: 0; filter: Alpha(opacity=0);transition: all 0.3s;/* height: 0; */display: none; /* overflow: hidden; */}
.i_two .divhidden.on{opacity: 1.0; filter: Alpha(opacity=100); /* height: auto; */ display: block;}
/*研发中心*/
.i_desc{ max-width:876px; margin:0 auto; overflow:hidden; margin-top:2.5%; line-height:32px; color:#666666; font-size:18px; text-align:center;}
.i_more{ text-align:center;margin-top:2.5%; overflow:hidden;}
.i_more .a{ display:inline-block; vertical-align:top;padding-left:17px; padding-right:17px; overflow:hidden; position:relative; z-index:0; color:#222222; font-size:15px; line-height:40px; height:40px; transition:all 0.3s;}
.i_more .a:before{ z-index: -1; content: ""; position: absolute; left: 0; top: 0;  width: 40px; height: 40px; background: #2da338; border-radius: 50%;transition:all 0.3s;}
.i_more .a:hover{ /*margin-left:5px; font-weight:bold;*/ color:#fff;}
.i_more .a:hover:before{ width:100%; border-radius:30px;}
.i_more .a span{ font-family:"宋体";}
.i_three{ margin-top:212px; position:relative;}
.i_three .imgs{ float:right; overflow:hidden; width:88%; max-width:1650px;}
.i_three .imgs img{ max-width:100%; display: block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
/*.i_three .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}*/
.i_three .boxs{ position:absolute; left:0; top:-154px; width:100%;}
.i_three .txts{ width:61.4%; position:relative; z-index:0;}
.i_three .txts:before{ z-index:-1; content:""; position:absolute; top:0; right:0; width:1146px; height:100%; background:rgba(45,163,56,0.89);}
.i_three .txts .cons{ max-width:806px; width:96%; overflow:hidden; }
.i_three .txts .h3{ font-weight:normal; overflow:hidden; line-height:60px; margin-top:9%; color:#fff; min-height:180px;}
.i_three .txts .h4{ font-weight:normal; font-size:18px; margin-top:9%; overflow:hidden; line-height:30px;color:#fff;}
.i_three .txts .ul{ margin-top:4.5%; overflow:hidden; margin-bottom:8%;}
.i_three .txts .ul li{ float:left; width:20%; max-width:156px; overflow:hidden; text-align:center;}
.i_three .txts .ul li img{ height:73px; display:block; margin:0 auto;transition:.4s;}
.i_three .txts .ul li:hover img{transform:scaleX(-1);}
.i_three .txts .ul li .h5{ font-weight:normal; overflow:hidden; height:22px; line-height:22px; margin-top:22px;color:#fff; font-size:16px;}
@media screen and (max-width: 1700px) {
/*轮显*/
.banner_page{ margin-left:-48%;}

}
@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .down{ bottom:35px;}
.banner_page{ bottom:35px;}
.main .banner .btn{ bottom:75px;}
/*研发中心*/
.i_three .txts .h3{ line-height:50px; min-height:150px;}
.i_three .txts .h4{ margin-top:8%;}
.i_three .txts .ul li img{ height:63px;}
.i_three .txts .ul li .h5{ margin-top:18px;}
}

@media screen and (max-width: 1260px) {
/*轮显*/
.banner_page{ bottom:30px;}
.main .banner .btn{ bottom:70px;}
/*关于我们*/
.i_one .i_one_l .h4{ line-height:44px;}
.i_one .i_one_r{ padding-top:20px;}
.i_one .i_one_r .p{ line-height:30px; font-size:16px;}
/*研发中心*/
.i_three .txts .h3{ line-height:46px; min-height:138px;}
.i_three .txts .h4{ margin-top:7%;}
.i_three .txts .ul li img{ height:60px;}
.i_three .txts .ul li .h5{ margin-top:16px;}

}



@media screen and (max-width: 960px) {
/*轮显*/
.banner_page .current{ font-size:26px;}
.main .banner .btn{ bottom:60px;}
.main .banner .btn .boxs{ width:72px;}
.main .banner .swiper-button-prev, .main .banner .swiper-button-next, .main .banner .swiper_button_play{ width:32px; height:32px;}
.banner_page{ line-height:32px; width:92px; bottom:28px; font-size:13px;}
.banner_page a:before{ width:32px; height:32px;}
/*关于我们*/
.i_one .i_one_l{ float:none; margin-right:0; width:100%;}
.i_one .i_one_l .h4{ line-height:40px;}
.i_one .i_one_r{ padding-top:3%;}
.i_one .i_one_r .p{ line-height:26px; font-size:15px;}
/*产品中心*/
.i_title span{ font-size:16px;}
/*研发中心*/
.i_desc{ line-height:26px; font-size:16px;}
.i_three .txts .h3{ line-height:40px; min-height:120px; margin-top:7%; }
.i_three .txts .h4{ margin-top:6%;font-size:16px;}
.i_three .txts .ul li img{ height:50px;}
.i_three .txts .ul li .h5{ margin-top:12px; font-size:15px;}
}


@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .down{bottom:20px;}
.main .banner .btn{bottom:55px;}
/*关于我们*/
.i_one .i_one_l .h4{ line-height:32px; margin-top:2%;}
.i_one .i_one_r .p{ line-height:24px; font-size:14px;}
.i_one .i_one_r .a{ font-size:14px;}
/*产品中心*/
.i_title span{ font-size:14px;}
/*研发中心*/
.i_more{ margin-top:3%;}
.i_more .a{ font-size:14px;}
.i_desc{ line-height:24px; font-size:14px;}
.i_three .txts{ width:88%;}
.i_three .txts .h3{ line-height:36px; min-height:inherit;}
.i_three .txts .h4{ margin-top:5%; font-size:15px;}
.i_three .txts .ul li img{ height:44px;}
.i_three .txts .ul{ margin-top:4%; margin-bottom:6%;}
.i_three .txts .ul li .h5{ font-size:14px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .down{bottom:18px;}
.main .banner .btn{bottom:52px;}
.banner_page{ bottom:20px;}
/*关于我们*/
.i_one .i_one_l .h4{ line-height:30px;}
/*产品中心*/
.i_title span{ font-size:13px;}
/*研发中心*/
.i_more{ margin-top:4%;}
.i_desc{ line-height:24px; font-size:14px;}
.i_three{ margin-top:170px;}
.i_three .boxs{ top:-120px;}
.i_three .txts .h3{ line-height:30px;}
.i_three .txts .h4{ margin-top:4%; font-size:14px;}
.i_three .txts .ul li img{ height:40px;}
.i_three .txts .ul{ margin-top:3%; margin-bottom:5%;}
.i_three .txts .ul li .h5{ font-size:13px;}
}
@media screen and (max-width: 420px) {
/*关于我们*/
.i_one .i_one_l .h4{ line-height:26px;}
.i_one .i_one_r .p{ font-size:13px; line-height:22px;}
/*产品中心*/
.i_title span{ font-size:12px;}
/*研发中心*/
.i_desc{ line-height:22px; font-size:13px;}
.i_three{ margin-top:160px;}
.i_three .boxs{ top:-130px;}
.i_three .txts .h3{ line-height:26px;}
}

@keyframes animate1 {
  0% {
    transform: translate(-50%, 0%);
  }
  50% {
    transform: translate(-50%, 50%);
  }
  100% {
    transform: translate(-50%, 0%);
  }
}
